<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title th:text="'你好'">Insert title here</title>

<link th:href="@{/css/modern.css}" rel="stylesheet"/>
<link th:href="@{/css/modern-responsive.css}" rel="stylesheet"/>
<link th:href="@{/css/base.css}" rel="stylesheet"/>
<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.mousewheel.js}"></script>
<script type="text/javascript" th:src="@{/js/dropdown.js}"></script>
<script type="text/javascript" th:src="@{/js/input-control.js}"></script>
<script type="text/javascript" th:src="@{/js/tile-slider.js}"></script>
<script type="text/javascript" th:src="@{/js/base.js}"></script>
<script type="text/javascript">
</script>
</head>
<body>
<header th:fragment="header" id="nav-bar" class="padding20" style="height: 100px;">
	<div class="span7 place-left" style="margin-left: 20px;">
		<h1>
			<img src="" alt="logo" style="height: 60px;"/>
			Forex O X
		</h1>
	</div>
	<div class="pos-abs top-right padding30" style="right: 20px;">
		<a href="#" th:href="${session.session_user}?@{/i}:@{/login.html}">
			<div class="place-left">
				<h3 th:text="${session.session_user}?(${session.session_user.firstName}?${session.session_user.firstName}:#{set_firstName}):#{not_login_tip}">FirstName</h3>
				<h4 th:text="${session.session_user}?(${session.session_user.lastName}?${session.session_user.lastName}:#{set_lastName}):#{not_login}">LastName</h4>
			</div>
			<div class="place-left" style="padding-top: 15px;">
				<i class="icon-user" style="font-size: 55px; color:#5A5A5A;"></i>
			</div>
		</a>
		<div style="border-right: 1px solid #1D1D1D;width:1px;height: 60px;float: left;"></div>
		<a id="settings-open" href="#">
			<div class="place-left" style="padding-top:15px; padding-left:10px;">
				<i class="icon-cog" style="font-size: 55px; color: #5A5A5A;"></i>
			</div>
		</a>
	</div>
	<div class="pos-abs" id="btn-back" title="返回首页">
		<i class="icon-arrow-left"></i>
	</div>
</header>

<div th:fragment="page-settings" id="page-settings">
	<ul id="settings-language">
		<li><a href="?lang=zh_CN" title="简体中文" th:class="${#strings.toString(#locale)}=='zh_CN'?'fg-color-white'">中文</a></li>
		<li><a href="?lang=en" title="English" th:class="${#strings.toString(#locale)}=='en'?'fg-color-white'">EN</a></li>
	</ul>
	<div id="settings-header">
		<a id="settings-hide" href="#">
			<i class="icon-arrow-right-3" style="font-size: 30pt;"></i>
		</a>
		<h2>设置</h2>
	</div>
	<div class="padding20">
	 	<label class="input-control switch">
	        <input id="change-bg-color" type="checkbox" checked="checked" />
	        <span class="helper">关灯</span>
	    </label>
	</div>
	<div th:if="${session.session_user}" class="padding20">
		<button id="btn-logout" class="default fg-color-white" th:text="#{logout}"></button>
	</div>
</div>
</body>
</html>